{include file="index@index/head"}
    <link rel="stylesheet" href="__PUBLIC__/static/static/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="__PUBLIC__/static/static/css/crgk.css">
<div class="container-fluid">
    <div class="row">
        <img class="img-fluid" src="{$one.img}" alt="">
    </div>
</div>
    <div class="container mt-5">
        <div class="row flex-column pt-5">
            <h2 class="text-center text-blue font-weight-bold ">学历提升方式</h2>
            <p class="text-center text-muted">EDUCATION PROMOTION MODE</p>

            <ul class="d-flex justify-content-around mt-3 mb-4" style="list-style-type: square;color:#2196f3;">
                <li><span class="font-weight-bold text-dark">学信网可查</span></li>
                <li><span class="font-weight-bold text-dark">国家承认</span></li>
                <li><span class="font-weight-bold text-dark">学习轻松</span></li>
                <li><span class="font-weight-bold text-dark">院校选择多</span></li>
                <li><span class="font-weight-bold text-dark">通过率高</span></li>
            </ul>
            <div class="d-flex">
                <div class="col-3">
                    <div class="ck-pic ck-pic-1">自学考试</div>
                    <ul style="list-style-image: url('__PUBLIC__/static/static/img/crgk/icon-1.png')">
                        <li class="pt-1 pb-1"><small>一年考两次</small></li>
                        <li class="pt-1 pb-1"><small>免试入学</small></li>
                        <li class="pt-1 pb-1"><small>业余学习，上班族首选</small></li>
                        <li class="pt-1 pb-1"><small>含金量：国家承认，学信可查</small></li>
                    </ul>
                    <a href="" class="text-decoration-none"><button class="btn btn-outline-primary btn-block">了解远程教育</button></a>
                </div>
                <div class="col-3">
                    <div class="ck-pic ck-pic-2">自学考试</div>
                    <ul style="list-style-image: url('__PUBLIC__/static/static/img/crgk/icon-1.png')">
                        <li class="pt-1 pb-1"><small>一年考两次</small></li>
                        <li class="pt-1 pb-1"><small>免试入学</small></li>
                        <li class="pt-1 pb-1"><small>业余学习，上班族首选</small></li>
                        <li class="pt-1 pb-1"><small>含金量：国家承认，学信可查</small></li>
                    </ul>
                    <a href="" class="text-decoration-none"><button class="btn btn-outline-primary btn-block">了解成人高考</button></a>
                </div>
                <div class="col-3">
                    <div class="ck-pic ck-pic-3">自学考试</div>
                    <ul style="list-style-image: url('__PUBLIC__/static/static/img/crgk/icon-1.png')">
                        <li class="pt-1 pb-1"><small>一年考两次</small></li>
                        <li class="pt-1 pb-1"><small>校考入学</small></li>
                        <li class="pt-1 pb-1"><small>网络教学无地域限制</small></li>
                        <li class="pt-1 pb-1"><small>含金量：国家承认，学信可查</small></li>
                    </ul>
                    <a href="" class="text-decoration-none"><button class="btn btn-outline-primary btn-block">了解网教远程</button></a>
                </div>
                <div class="col-3">
                    <div class="ck-pic ck-pic-4">自学考试</div>
                    <ul style="list-style-image: url('__PUBLIC__/static/static/img/crgk/icon-1.png')">
                        <li class="pt-1 pb-1"><small>一年考两次</small></li>
                        <li class="pt-1 pb-1"><small>校考入学</small></li>
                        <li class="pt-1 pb-1"><small>网络教学或教学站学习</small></li>
                        <li class="pt-1 pb-1"><small>含金量：国家承认，学信可查</small></li>
                    </ul>
                    <a href="" class="text-decoration-none"><button class="btn btn-outline-primary btn-block">了解电大函授</button></a>
                </div>
            </div>
        </div>
        <!--报名流程-->
        <div class="row flex-column pt-5 mt-5">
            <h2 class="text-center text-blue font-weight-bold ">报名流程</h2>
            <p class="text-center text-muted">REGISTRATION PROCESS</p>
            <ul class="nav justify-content-around">
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-baomingzixun" style="font-size: 2.5rem"></i></div><div>报名咨询</div></li>
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-tijiaoziliao" style="font-size: 2.5rem"></i></div><div>提交资料</div></li>
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-kaoshianpai" style="font-size: 2.5rem"></i></div><div>考试安排</div></li>
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-chengjichaxun1" style="font-size: 2.5rem"></i></div><div>成绩查询</div></li>
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-biyeshenqing" style="font-size: 2.5rem"></i></div><div>毕业申请</div></li>
                <li class="col-2 text-center"><div><i class="text-blue iconfont icon-xuexinwangchaxun" style="font-size: 2.5rem"></i></div><div>学信网查询</div></li>
            </ul>
        </div>
        <!--成考资讯-->
        <div class="row mt-5 pt-5">
            <div class="col-7">
                <h2 class="text-blue font-weight-bold ">成考资讯</h2>
                <p class="text-muted">SELF STUDY INFORMATION</p>
                <ul class="ck-art-list">
                    {sy:list nid="2" cid="21" name="vo" sort="sort desc,datetime desc" num="0,10"} 
                    <li><div class="d-flex justify-content-between"><a href="" class="text-truncate" style="display: block;padding-right: 1rem;"><span>{$vo.title}</span></a><span class="text-muted" style="display: block;white-space: nowrap">{$vo.datetime|date='Y-m-d ',###}</span></div></li>
                    {/sy:list}
                </ul>
                <div class="text-right">
                    <a href="{:u('chengrengaokao')}"><button class="btn btn-outline-primary">更多</button></a>
                </div>
            </div>
            <div class="col-5">
                <h2 class="text-blue font-weight-bold ">考试倒计时</h2>
                <p class="text-muted">EXAM COUNTDOWN</p>
                <div class="ck-countdown">
                    <h3>2021年成人高考倒计时</h3>
                    <div class="d-flex">
                        <ul class="list-unstyled col-6">
                            <li>距离报考时间</li>
                            <li>还有<span class="text-danger ck-bk">176</span>天</li>
                        </ul>
                        <ul class="list-unstyled col-6">
                            <li>距离考试时间</li>
                            <li>还有<span class="text-danger ck-ks">229</span>天</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--热门院校-->
<div class="container-fluid mt-5">
    <h2 class="text-center text-blue font-weight-bold ">热门院校</h2>
    <p class="text-center text-muted">POPULAR INSTITUTIONS</p>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            {volist name="product" id="v"}
            <div class="swiper-slide">
                <div class="d-flex align-items-center">
                    <div class="col-5"><img class="img-fluid" src="{$v.school_logo}" alt=""></div>
                    <div class="col-7">
                        <div class="d-flex flex-column justify-content-between">
                            <div class="text-truncate">{$v.school_name}</div>
                            <div class="text-truncate-2"><small>{$v.content}</small></div>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
            
        </div>
    </div>
</div>
<!--成考问答-->
<div class="container mt-5">
    <div class="row">
        <div class="col-7">
            <h2 class="text-blue font-weight-bold">成考问答</h2>
            <p class="text-muted">Q&A OF ADLT NEMT</p>
            <div class="d-flex flex-row " style="margin-top:-10px;">
                <ul class="list-unstyled mb-0">
                    <li class="nav-item">
                        <a class="nav-link d-flex flex-row justify-content-between pl-0 pr-0" href="">
                            <div class="mr-3"><img src="__PUBLIC__/static/static/img/crgk/pic-6.png" alt=""></div>
                            <div class="d-flex flex-column justify-content-between">
                                <h5 class="text-truncate-2">广东自考每年报名报考和考试时间分别是什么时候？</h5>
                                <div class="text-muted">2020-02-18</div>
                            </div>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link d-flex flex-row justify-content-between pl-0 pr-0" href="">
                            <div class="mr-3"><img src="__PUBLIC__/static/static/img/crgk/pic-6.png" alt=""></div>
                            <div class="d-flex flex-column justify-content-between">
                                <h5 class="text-truncate-2">广东自考每年报名报考和考试时间分别是什么时候？</h5>
                                <div class="text-muted">2020-02-18</div>
                            </div>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link d-flex flex-row justify-content-between pl-0 pr-0" href="">
                            <div class="mr-3"><img src="__PUBLIC__/static/static/img/crgk/pic-6.png" alt=""></div>
                            <div class="d-flex flex-column justify-content-between">
                                <h5 class="text-truncate-2">广东自考每年报名报考和考试时间分别是什么时候？</h5>
                                <div class="text-muted">2020-02-18</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <a href="" class="nav-link text-right pt-0">
                <button class="btn btn-outline-primary">更多</button>
            </a>
        </div>
        <div class="col-5">
            <h2 class="text-blue font-weight-bold ">联系我们</h2>
            <p class="text-muted">CONTACT US</p>
            <div style="background-color: #eee;">
                <div style="height: 258px;overflow: hidden"><img class="img-fluid" style="width: 100%;object-fit: cover" src="__PUBLIC__/static/static/img/crgk/pic-7.png" alt=""></div>
                <ul class="list-unstyled p-4">
                    <li>电话：027-85559785</li>
                    <li>益硕教育官网：<a class="text-decoration-none" href="http://www.hbysn.com">www.hbysn.com</a></li>
                    <li>益硕教育门户：<a class="text-decoration-none" href="http://www.hbysu.com">www.hbysu.com</a></li>
                    <li>地址：湖北省武汉市洪山区文化大道
                        融创智谷C2-2栋404</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--理由-->
<div class="container-fluid mt-5">
    <div class="row">
        <img class="img-fluid" src="__PUBLIC__/static/static/img/crgk/pic-8.jpg" alt="">
    </div>
</div>
<script>
    //倒计时
    var preDate_1 = '2021-10-17';//报考
    var preDate_2 = '2021-10-17';//考试

    diff(preDate_1,'ck-bk');
    diff(preDate_2,'ck-ks');
    function diff(time,className){
        var preDate = new Date(time).getTime();
        var today = new Date().getTime();
        var dif = 0;
        if(preDate>today){
            dif =Math.ceil((preDate - today)/1000/3600/24).toString();
        }
        $("."+className).html(dif);
    }
    //滚动
    var mySwiper = new Swiper ('.swiper-container', {
        //direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        freeMode : true,
        speed:4000,//匀速时间
        spaceBetween: 40,//px
        slidesPerView: 'auto', //自适应宽度
        autoplay: {
            delay: 0,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },

    })
</script>
</body>
</html>

{include file="index@index/foot"}